/* 
    Document   : login
    Created on : 23/11/2012, 04:15:23 PM
    Author     : Santi
    Description:
        Purpose of the stylesheet follows.
*/
@import url(animate.css);


/* 
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/
body{
/*    background: #4f94cd; 
    background: -moz-linear-gradient(left,  #4f94cd 0%, #6ca6cd 100%); 
    background: -webkit-gradient(linear, left top, right top, color-stop(0%,#4f94cd), color-stop(100%,#6ca6cd));
    background: -webkit-linear-gradient(left,  #4f94cd 0%,#6ca6cd 100%); 
    background: -o-linear-gradient(left,  #4f94cd 0%,#6ca6cd 100%); 
    background: -ms-linear-gradient(left,  #4f94cd 0%,#6ca6cd 100%);
    background: linear-gradient(to right,  #F59916 0%,#E95617 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4f94cd', endColorstr='#6ca6cd',GradientType=1 ); */
    
    background: #4f94cd; /* Old browsers */
    background: -moz-linear-gradient(left,  #4f94cd 20%, #6ca6cd 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, right top, color-stop(20%,#4f94cd), color-stop(100%,#6ca6cd)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(left,  #4f94cd 20%,#6ca6cd 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(left,  #4f94cd 20%,#6ca6cd 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(left,  #4f94cd 20%,#6ca6cd 100%); /* IE10+ */
    background: linear-gradient(to right,  #4f94cd 20%,#6ca6cd 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4f94cd', endColorstr='#6ca6cd',GradientType=1 ); /* IE6-9 */
    /*background-repeat: repeat-x;*/
   
    height: auto;
}

div.content{    
    width:280px; 
    margin:0 auto;
    margin-top: 40px;  
    background-color: #fff;
    

  /*  background: #b4cdcd;
    background: url(../images/noise.png),  -moz-linear-gradient(left,  #4f94cd 0%, #6ca6cd 100%);
    background: url(../images/noise.png), -webkit-gradient(linear, left top, right top, color-stop(0%,#4f94cd), color-stop(100%,#6ca6cd)); /* Chrome,Safari4+ */
   /* background: url(../images/noise.png), -webkit-linear-gradient(left,  #4f94cd 0%,#6ca6cd 100%); /* Chrome10+,Safari5.1+ */
    /*background: url(../images/noise.png), -o-linear-gradient(left,  #4f94cd 0%,#6ca6cd 100%); /* Opera 11.10+ */
    /*background: url(../images/noise.png),  -ms-linear-gradient(left,  #4f94cd 0%,#6ca6cd 100%); /* IE10+ */
    /*background: url(../images/noise.png), linear-gradient(to right,  #4f94cd 0%,#6ca6cd 100%); /* W3C */
     /*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4f94cd', endColorstr='#6ca6cd',GradientType=1 ); /* IE6-9 */

      /*background: #4f94cd; /* Old browsers */
    
    /*border: solid 8px #CCDCE3;*/
    -moz-background-clip: padding;
    -webkit-background-clip: padding;
    background-clip: padding-box;
    /*border: 20px solid rgba(80,80,80,0.2);*/
    border: 20px solid #8db6cd;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    padding: 0px 50px;
    padding-top: 10px;
box-shadow: 0 1px 2px rgba(0, 0, 0, .1);
    -webkit-animation-name: bounceIn;
    -webkit-animation-fill-mode: both;
    -webkit-animation-duration: 1s;
    -webkit-animation-iteration-count: 1;
    -webkit-animation-timing-function: linear;
    -moz-animation-name: bounceIn;
    -moz-animation-fill-mode: both;
    -moz-animation-duration: 1s;
    -moz-animation-iteration-count: 1;
    -moz-animation-timing-function: linear;
    animation-name: bounceIn;
    animation-fill-mode: both;
    animation-duration: 1s;
    animation-iteration-count: 1;
    animation-timing-function: linear;

}

div.logo{
    margin-bottom: 20px;
    margin-left: -40px;
    margin-right: -40px;
    text-align: center;

}

span.logo-text{
    margin-top: 10px;
    color: #ABD3DF;
    font-size: 30px;
    font-weight: bold;
    font-family: cursive;
}
div.alert{
    text-align:center;
}
div.keep-logged{
    padding:10px 0; 
}
div.keep-logged label{
    color: #999;
}
div.keep-logged input{
    margin-bottom: 6px;
}
div.form .rememberMe label
{
	display: inline;
}
div.form input
{
	height: 30px;
}
div.buttons a{
    color: #091743;
    padding-left: 30px;

}

div.logo#lower{
    background: #ecf2f5;


    padding-left: 40px;
    padding-right: -60px;

    text-align: justify;

}


div.form label {
font-weight: bold;
font-size: 0.9em;
display: block;
}
